<script setup lang="ts">
import CategoryEcharts from '../components/eCharts/categoryEcharts.vue';
import collectionEcharts from '../components/eCharts/collectionEcharts.vue';
</script>
<!-- src/views/Home.vue -->
<template>
    <!-- 只需保留内容部分 -->
    <div class="home-content">

        <div class="dashboard">
            <el-row :gutter="20">
                <el-col :span="12"><collectionEcharts /></el-col>
                <el-col :span="12"><CategoryEcharts /></el-col>
            </el-row>
            <el-row :gutter="20" class="mt-4">
                <el-col :span="24"></el-col>
            </el-row>
            <!-- 添加你的首页具体内容 -->
            
        </div>
    </div>
</template>
<style scoped>
.home-content {
    padding: 20px;
}
@media (max-width: 768px) {
  .dashboard .el-row {
    flex-direction: column !important;
  }
  .dashboard .el-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 16px;
  }
  .home-content {
    padding: 8px;
  }
}
</style>